@font-face {
  font-family: 'mdi';
  src:  url('fonts/mdi.eot?1bcknc');
  src:  url('fonts/mdi.eot?1bcknc#iefix') format('embedded-opentype'),
    url('fonts/mdi.ttf?1bcknc') format('truetype'),
    url('fonts/mdi.woff?1bcknc') format('woff'),
    url('fonts/mdi.svg?1bcknc#mdi') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon-picker{
  margin: 6px 0;
  display: inline-block;
  cursor: pointer;
}
.icon-picker-preview{
  position: relative;
  top: 4px;
  color: inherit;
}
.icon-picker-text{
  margin-left: 5px;
}
.mdi {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'mdi' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 24px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mdi-ac_unit:before {
  content: "\e900";
}
.mdi-access_time:before {
  content: "\e901";
}
.mdi-add:before {
  content: "\e902";
}
.mdi-air_conditioner:before {
  content: "\e903";
}
.mdi-airplanemode_active:before {
  content: "\e904";
}
.mdi-airplanemode_inactive:before {
  content: "\e905";
}
.mdi-airplay:before {
  content: "\e906";
}
.mdi-all_inclusive:before {
  content: "\e907";
}
.mdi-android:before {
  content: "\e908";
}
.mdi-apps:before {
  content: "\e909";
}
.mdi-arrow_downward:before {
  content: "\e90a";
}
.mdi-arrow_forward:before {
  content: "\e90b";
}
.mdi-arrow_upward:before {
  content: "\e90c";
}
.mdi-arrow:before {
  content: "\e90d";
}
.mdi-assignment_ind:before {
  content: "\e90e";
}
.mdi-assignment_late:before {
  content: "\e90f";
}
.mdi-assignment_turned_in:before {
  content: "\e910";
}
.mdi-assignment:before {
  content: "\e911";
}
.mdi-attach_file:before {
  content: "\e912";
}
.mdi-attach_money:before {
  content: "\e913";
}
.mdi-balance:before {
  content: "\e914";
}
.mdi-battery_alert:before {
  content: "\e915";
}
.mdi-battery_charging_full:before {
  content: "\e916";
}
.mdi-battery_full:before {
  content: "\e917";
}
.mdi-battery_unknown:before {
  content: "\e918";
}
.mdi-battery:before {
  content: "\e919";
}
.mdi-beach_access:before {
  content: "\e91a";
}
.mdi-bed_lamp:before {
  content: "\e91b";
}
.mdi-bike:before {
  content: "\e91c";
}
.mdi-blender:before {
  content: "\e91d";
}
.mdi-block:before {
  content: "\e91e";
}
.mdi-bluetooth_disabled:before {
  content: "\e91f";
}
.mdi-bluetooth:before {
  content: "\e920";
}
.mdi-book:before {
  content: "\e921";
}
.mdi-bookmark_border:before {
  content: "\e922";
}
.mdi-bookmark:before {
  content: "\e923";
}
.mdi-brightness_1:before {
  content: "\e924";
}
.mdi-brightness_2:before {
  content: "\e925";
}
.mdi-brightness_3:before {
  content: "\e926";
}
.mdi-brightness_4:before {
  content: "\e927";
}
.mdi-brightness_5:before {
  content: "\e928";
}
.mdi-brightness_6:before {
  content: "\e929";
}
.mdi-brightness_7:before {
  content: "\e92a";
}
.mdi-build:before {
  content: "\e92b";
}
.mdi-bulb_cfl_spiral:before {
  content: "\e92c";
}
.mdi-bulb_cfl:before {
  content: "\e92d";
}
.mdi-bulb_energy_saver:before {
  content: "\e92e";
}
.mdi-bulb_off:before {
  content: "\e92f";
}
.mdi-bulb_on:before {
  content: "\e930";
}
.mdi-bulb_open:before {
  content: "\e931";
}
.mdi-bulb_xenon:before {
  content: "\e932";
}
.mdi-button:before {
  content: "\e933";
}
.mdi-cake:before {
  content: "\e934";
}
.mdi-call_end:before {
  content: "\e935";
}
.mdi-call:before {
  content: "\e936";
}
.mdi-camera_alt:before {
  content: "\e937";
}
.mdi-camera:before {
  content: "\e938";
}
.mdi-car_with_wifi:before {
  content: "\e939";
}
.mdi-cast_connected:before {
  content: "\e93a";
}
.mdi-cast:before {
  content: "\e93b";
}
.mdi-check_box_outline_blank:before {
  content: "\e93c";
}
.mdi-check_box:before {
  content: "\e93d";
}
.mdi-clear:before {
  content: "\e93e";
}
.mdi-cloud_done:before {
  content: "\e93f";
}
.mdi-cloud_download:before {
  content: "\e940";
}
.mdi-cloud_off:before {
  content: "\e941";
}
.mdi-cloud_queue:before {
  content: "\e942";
}
.mdi-cloud_upload:before {
  content: "\e943";
}
.mdi-cloud:before {
  content: "\e944";
}
.mdi-coffee_maker:before {
  content: "\e945";
}
.mdi-content_copy:before {
  content: "\e946";
}
.mdi-content_paste:before {
  content: "\e947";
}
.mdi-cooler:before {
  content: "\e948";
}
.mdi-credit_card:before {
  content: "\e949";
}
.mdi-cup_plate:before {
  content: "\e94a";
}
.mdi-dashboard:before {
  content: "\e94b";
}
.mdi-default:before {
  content: "\e94c";
}
.mdi-dehaze:before {
  content: "\e94d";
}
.mdi-delete:before {
  content: "\e94e";
}
.mdi-dialpad:before {
  content: "\e94f";
}
.mdi-directions_bus:before {
  content: "\e950";
}
.mdi-directions_car:before {
  content: "\e951";
}
.mdi-directions_railway:before {
  content: "\e952";
}
.mdi-dish_antena:before {
  content: "\e953";
}
.mdi-dns:before {
  content: "\e954";
}
.mdi-done_all:before {
  content: "\e955";
}
.mdi-done:before {
  content: "\e956";
}
.mdi-door_closed:before {
  content: "\e957";
}
.mdi-door_open:before {
  content: "\e958";
}
.mdi-eject:before {
  content: "\e959";
}
.mdi-electrical_kettle:before {
  content: "\e95a";
}
.mdi-email:before {
  content: "\e95b";
}
.mdi-error_outline:before {
  content: "\e95c";
}
.mdi-error:before {
  content: "\e95d";
}
.mdi-ev_station:before {
  content: "\e95e";
}
.mdi-event_available:before {
  content: "\e95f";
}
.mdi-event_busy:before {
  content: "\e960";
}
.mdi-exit_to_app:before {
  content: "\e961";
}
.mdi-explore:before {
  content: "\e962";
}
.mdi-extractor_hood:before {
  content: "\e963";
}
.mdi-fan_off:before {
  content: "\e964";
}
.mdi-fan_on:before {
  content: "\e965";
}
.mdi-fast_forward:before {
  content: "\e966";
}
.mdi-fast_rewind:before {
  content: "\e967";
}
.mdi-favorite_border:before {
  content: "\e968";
}
.mdi-favorite:before {
  content: "\e969";
}
.mdi-file_download:before {
  content: "\e96a";
}
.mdi-file_upload:before {
  content: "\e96b";
}
.mdi-filter_vintage:before {
  content: "\e96c";
}
.mdi-fireplace:before {
  content: "\e96d";
}
.mdi-firewall:before {
  content: "\e96e";
}
.mdi-flag:before {
  content: "\e96f";
}
.mdi-flash_off:before {
  content: "\e970";
}
.mdi-flash_on:before {
  content: "\e971";
}
.mdi-folder_open:before {
  content: "\e972";
}
.mdi-folder:before {
  content: "\e973";
}
.mdi-games:before {
  content: "\e974";
}
.mdi-gps_fixed:before {
  content: "\e975";
}
.mdi-gps_not_fixed:before {
  content: "\e976";
}
.mdi-gps_off:before {
  content: "\e977";
}
.mdi-graph:before {
  content: "\e978";
}
.mdi-grid_off:before {
  content: "\e979";
}
.mdi-grid_on:before {
  content: "\e97a";
}
.mdi-hanging_lamp:before {
  content: "\e97b";
}
.mdi-hdr_off:before {
  content: "\e97c";
}
.mdi-hdr_on:before {
  content: "\e97d";
}
.mdi-headset:before {
  content: "\e97e";
}
.mdi-heater:before {
  content: "\e97f";
}
.mdi-highlight:before {
  content: "\e980";
}
.mdi-hold:before {
  content: "\e981";
}
.mdi-home_battery:before {
  content: "\e982";
}
.mdi-home_power:before {
  content: "\e983";
}
.mdi-home:before {
  content: "\e984";
}
.mdi-hot_cup:before {
  content: "\e985";
}
.mdi-hot_tub:before {
  content: "\e986";
}
.mdi-hotel_black:before {
  content: "\e987";
}
.mdi-hourglass_empty:before {
  content: "\e988";
}
.mdi-hourglass_full:before {
  content: "\e989";
}
.mdi-insert_photo:before {
  content: "\e98a";
}
.mdi-irrigation:before {
  content: "\e98b";
}
.mdi-label_outline:before {
  content: "\e98c";
}
.mdi-label:before {
  content: "\e98d";
}
.mdi-language:before {
  content: "\e98e";
}
.mdi-layers_clear:before {
  content: "\e98f";
}
.mdi-layers:before {
  content: "\e990";
}
.mdi-leak_add:before {
  content: "\e991";
}
.mdi-leak_remove:before {
  content: "\e992";
}
.mdi-led:before {
  content: "\e993";
}
.mdi-local_bar:before {
  content: "\e994";
}
.mdi-location_off:before {
  content: "\e995";
}
.mdi-location_on:before {
  content: "\e996";
}
.mdi-lock_open:before {
  content: "\e997";
}
.mdi-lock_outline:before {
  content: "\e998";
}
.mdi-lock:before {
  content: "\e999";
}
.mdi-meter:before {
  content: "\e99a";
}
.mdi-mic_off:before {
  content: "\e99b";
}
.mdi-mic:before {
  content: "\e99c";
}
.mdi-microwave:before {
  content: "\e99d";
}
.mdi-mode_edit:before {
  content: "\e99e";
}
.mdi-mood_bad:before {
  content: "\e99f";
}
.mdi-mood:before {
  content: "\e9a0";
}
.mdi-musical_note:before {
  content: "\e9a1";
}
.mdi-navigation:before {
  content: "\e9a2";
}
.mdi-network_check:before {
  content: "\e9a3";
}
.mdi-notifications_active:before {
  content: "\e9a4";
}
.mdi-notifications_off:before {
  content: "\e9a5";
}
.mdi-notifications:before {
  content: "\e9a6";
}
.mdi-open_in_new:before {
  content: "\e9a7";
}
.mdi-open_with:before {
  content: "\e9a8";
}
.mdi-pause:before {
  content: "\e9a9";
}
.mdi-people_outline:before {
  content: "\e9aa";
}
.mdi-people:before {
  content: "\e9ab";
}
.mdi-perm_camera_mic:before {
  content: "\e9ac";
}
.mdi-person_add:before {
  content: "\e9ad";
}
.mdi-person_outline:before {
  content: "\e9ae";
}
.mdi-person:before {
  content: "\e9af";
}
.mdi-play_arrow:before {
  content: "\e9b0";
}
.mdi-power_settings_new:before {
  content: "\e9b1";
}
.mdi-power:before {
  content: "\e9b2";
}
.mdi-print:before {
  content: "\e9b3";
}
.mdi-radio_button_checked:before {
  content: "\e9b4";
}
.mdi-radio_button_unchecked:before {
  content: "\e9b5";
}
.mdi-rain:before {
  content: "\e9b6";
}
.mdi-refresh:before {
  content: "\e9b7";
}
.mdi-refrigerator:before {
  content: "\e9b8";
}
.mdi-remove:before {
  content: "\e9b9";
}
.mdi-restaurant:before {
  content: "\e9ba";
}
.mdi-room_service:before {
  content: "\e9bb";
}
.mdi-rotate_left:before {
  content: "\e9bc";
}
.mdi-rotate_right:before {
  content: "\e9bd";
}
.mdi-router:before {
  content: "\e9be";
}
.mdi-satellite:before {
  content: "\e9bf";
}
.mdi-save:before {
  content: "\e9c0";
}
.mdi-scanner:before {
  content: "\e9c1";
}
.mdi-school:before {
  content: "\e9c2";
}
.mdi-sd_card:before {
  content: "\e9c3";
}
.mdi-search:before {
  content: "\e9c4";
}
.mdi-security_camera:before {
  content: "\e9c5";
}
.mdi-security:before {
  content: "\e9c6";
}
.mdi-send:before {
  content: "\e9c7";
}
.mdi-settings_input_composite:before {
  content: "\e9c8";
}
.mdi-settings_input_hdmi:before {
  content: "\e9c9";
}
.mdi-settings_input_svideo:before {
  content: "\e9ca";
}
.mdi-settings_remote:before {
  content: "\e9cb";
}
.mdi-settings:before {
  content: "\e9cc";
}
.mdi-share:before {
  content: "\e9cd";
}
.mdi-shopping_cart:before {
  content: "\e9ce";
}
.mdi-shower:before {
  content: "\e9cf";
}
.mdi-shuffle:before {
  content: "\e9d0";
}
.mdi-signal_cellular_4_bar:before {
  content: "\e9d1";
}
.mdi-signal_cellular_connected_no_internet_4_bar:before {
  content: "\e9d2";
}
.mdi-signal_cellular_null:before {
  content: "\e9d3";
}
.mdi-signal_cellular_off:before {
  content: "\e9d4";
}
.mdi-signal_wifi_4_bar_lock:before {
  content: "\e9d5";
}
.mdi-signal_wifi_4_bar:before {
  content: "\e9d6";
}
.mdi-signal_wifi_off:before {
  content: "\e9d7";
}
.mdi-sink:before {
  content: "\e9d8";
}
.mdi-skip_next:before {
  content: "\e9d9";
}
.mdi-skip_previous:before {
  content: "\e9da";
}
.mdi-smart_lock:before {
  content: "\e9db";
}
.mdi-smoke_free:before {
  content: "\e9dc";
}
.mdi-smoking_rooms:before {
  content: "\e9dd";
}
.mdi-solar_panel:before {
  content: "\e9de";
}
.mdi-speaker:before {
  content: "\e9df";
}
.mdi-star_border:before {
  content: "\e9e0";
}
.mdi-star:before {
  content: "\e9e1";
}
.mdi-stop:before {
  content: "\e9e2";
}
.mdi-street_light:before {
  content: "\e9e3";
}
.mdi-streetlight:before {
  content: "\e9e4";
}
.mdi-subdirectory_arrow_left:before {
  content: "\e9e5";
}
.mdi-subdirectory_arrow_right:before {
  content: "\e9e6";
}
.mdi-swap_horiz:before {
  content: "\e9e7";
}
.mdi-swap_vert:before {
  content: "\e9e8";
}
.mdi-switch_off:before {
  content: "\e9e9";
}
.mdi-switch_on:before {
  content: "\e9ea";
}
.mdi-sync_disabled:before {
  content: "\e9eb";
}
.mdi-sync:before {
  content: "\e9ec";
}
.mdi-table_fan:before {
  content: "\e9ed";
}
.mdi-table_lamp:before {
  content: "\e9ee";
}
.mdi-tap:before {
  content: "\e9ef";
}
.mdi-thermometer:before {
  content: "\e9f0";
}
.mdi-thumb_down:before {
  content: "\e9f1";
}
.mdi-thumb_up:before {
  content: "\e9f2";
}
.mdi-timer_off:before {
  content: "\e9f3";
}
.mdi-timer:before {
  content: "\e9f4";
}
.mdi-touch_app:before {
  content: "\e9f5";
}
.mdi-toys:before {
  content: "\e9f6";
}
.mdi-trending_down:before {
  content: "\e9f7";
}
.mdi-trending_up:before {
  content: "\e9f8";
}
.mdi-usb:before {
  content: "\e9f9";
}
.mdi-verified_user:before {
  content: "\e9fa";
}
.mdi-videocam_off:before {
  content: "\e9fb";
}
.mdi-videocam:before {
  content: "\e9fc";
}
.mdi-videogame_asset:before {
  content: "\e9fd";
}
.mdi-visibility_off:before {
  content: "\e9fe";
}
.mdi-visibility:before {
  content: "\e9ff";
}
.mdi-volume_mute:before {
  content: "\ea00";
}
.mdi-volume_off:before {
  content: "\ea01";
}
.mdi-volume_up:before {
  content: "\ea02";
}
.mdi-vpn_key:before {
  content: "\ea03";
}
.mdi-warning:before {
  content: "\ea04";
}
.mdi-washing_machine:before {
  content: "\ea05";
}
.mdi-water_heater:before {
  content: "\ea06";
}
.mdi-watering_can:before {
  content: "\ea07";
}
.mdi-wb_iridescent:before {
  content: "\ea08";
}
.mdi-wb_sunny:before {
  content: "\ea09";
}
.mdi-wc:before {
  content: "\ea0a";
}
.mdi-wifi_tethering:before {
  content: "\ea0b";
}
.mdi-wifi:before {
  content: "\ea0c";
}
.mdi-zoom_out_map:before {
  content: "\ea0d";
}
